<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>map</title>
    <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=04c74692ab855ee7b42089d793d42b2d"></script>
    <style type="text/css">
        #container {width:500px; height: 380px; }
    </style>

</head>
<body>
<div id="container"></div>
</body>
<script type="text/javascript">
    var map = new AMap.Map('container');
    map.setZoom(10);
    map.setCenter([116.39,39.9]);

    var marker = new AMap.Marker({
        position: [116.480983, 39.989628],
        map:map
    });

    var infowindow = new AMap.InfoWindow({
        content: '<h3>高德地图</h1><div>高德是中国领先的数字地图内容、导航和位置服务解决方案提供商。</div>',
        offset: new AMap.Pixel(0, -30),
        size:new AMap.Size(230,0)
    })

    var clickHandle = AMap.event.addListener(marker, 'click', function() {
        infowindow.open(map, marker.getPosition())
    })
</script>
</html>